<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<div class="box-heading">推荐商品</div>
<div class="box-content">
						<div class="box-product">
							<ul>
							<c:forEach var="product" items="${featuredProductList}" varStatus="status">
							<c:if test="${status.count<=5}">
							<c:choose>
							      <c:when test="${status.count%5==0}"> 
							     		<li class="last-in-line">
							      </c:when>
							      <c:otherwise>
										<li>
							      </c:otherwise>
							</c:choose>
									<div class="image2">
										<a href="product/productDetail.html?productId=${product.productId}"><img
											src="image_upload/${product.smallImage.path}"
											alt="${product.productName}">
										</a>
									</div>
									<div style="height: 58px;" class="name maxheight-feat">
										<a href="product/productDetail.html?productId=${product.productId}">
										${product.productName }
										</a>
									</div>
									<div class="price">
										<span class="price-new">¥ ${product.discountPrice}</span><span class="price-old">¥ ${product.globalprice}</span>
									</div>
									<div class="cart">
										<a data-id="47;" href="product/productDetail.html?productId=${product.productId}"  class="button "><span>View Details</span>
										</a>
									</div>
								</li>
								</c:if>
							</c:forEach>
							</ul>
						</div>
						
						<div class="box-product" style="padding-top:12px;margin-top:20px;border-top:1px solid #cecece;">
							<ul>
							<c:forEach var="product" items="${featuredProductList}" varStatus="status">
							<c:if test="${status.count>5 && status.count<=10}">
							<c:choose>
							      <c:when test="${status.count%5==0}"> 
							     		<li class="last-in-line">
							      </c:when>
							      <c:otherwise>
										<li>
							      </c:otherwise>
							</c:choose>
									<div class="image2">
										<a href="product/productDetail.html?productId=${product.productId}"><img
											src="image_upload/${product.smallImage.path}"
											alt="${product.productName}">
										</a>
									</div>
									<div style="height: 58px;" class="name maxheight-feat">
										<a href="product/productDetail.html?productId=${product.productId}">
										${product.productName }
										</a>
									</div>
									<div class="price">
										<span class="price-new">¥ ${product.discountPrice}</span><span class="price-old">¥ ${product.globalprice}</span>
									</div>
									<div class="cart">
										<a data-id="47;" href="product/productDetail.html?productId=${product.productId}"  class="button "><span>View Details</span>
										</a>
									</div>
								</li>
								</c:if>
							</c:forEach>
							</ul>
						</div>
					</div>